// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.1 OR LicenseRef-Slint-commercial

export Ex1 := Rectangle {
    Rectangle {
        rotation-origin-x: width / 2;
        rotation-angle: 45deg;
//                      ^error{rotation properties can only be applied to the Image element}
        rotation-origin-y: width / 2;
    }
    Rectangle {
//  ^error{rotation properties can only be applied to the Image element}
        rotation-origin-x: width / 2;
        rotation-origin-y: width / 2;
    }
}

RotImg := Image {
    rotation-angle: 45deg;
}

JustAnImage := Image {}

ImageWithChild := Image {
    Rectangle {}
}

export Ex2 := Rectangle {
    Image {
//  ^error{Elements with rotation properties cannot have children elements}
        rotation-angle: 45deg;
        Rectangle {}
    }
    RotImg {
//  ^error{Elements with rotation properties cannot have children elements}
        Rectangle {}
    }
    ImageWithChild {
//  ^error{Elements with rotation properties cannot have children elements}
        rotation-origin-x: 45px;
    }
    JustAnImage {
//  ^error{Elements with rotation properties cannot have children elements}
        rotation-angle: 45deg;
        Rectangle {}
    }
}


export Ex3 := Rectangle {
    i1 := Image {
//        ^error{Elements with rotation properties cannot have children elements}
        Rectangle {}
    }
    i2 := Rectangle {}
//        ^error{rotation properties can only be applied to the Image element}

    TouchArea {
        clicked => {
            i1.rotation-angle = 60deg;
            i2.rotation-origin-x = 10px;
        }
    }
}

export component Ex4  {
    in property rot <=> rect . rotation-angle;

    rect := Rectangle {}
//          ^error{rotation properties can only be applied to the Image element}
}
